@extends('public.home_base')
@section('title', '工单详情')
@section('content')
    @parent
    <style>
        body {
            background: #fff;
        }
    </style>
    <div class="w1200 auto gd_system">
        <div class="tabout mt-20">
            <div class="gd_progress_out">
                <div class="gd_prolayout">
                    <div class="gd_progress ">
                        @if($data->status ===0)
                        <div class="gd_progress2 gd_progress_status1"></div>
                            @elseif($data->status ===1)
                            <div class="gd_progress2 gd_progress_status3"></div>
                        @elseif($data->status ===2)
                            <div class="gd_progress2 gd_progress_status5"></div>
                        @endif
                    </div>
                </div>
                <div class="pro_status">
                    <span class="bcolor">等待回复</span>
                    <span class="bcolor  marginleft">处理中</span>
                    <span class="bcolor marginleft">&nbsp;已经处理</span>
                    <span class="bcolor marginleft">已经查看</span>
                    <span class="bcolor marginleft" id="waitpj">等待评价</span></div>
            </div>
            <!--进度条 end-->

            <!-- 工单信息  -->
            <div class="gd_infos">
                <table class="gd_infotable">
                    <tbody>
                    <tr>
                        <td align="right" width="90">工单题目：</td>
                        <td align="left">{{$data->title}}</td>
                    </tr>

                    <tr>
                        <td align="right">工单编号：</td>
                        <td align="left">{{$data->id}}</td>
                    </tr>
                    <tr>
                        <td align="right" width="90">主题：</td>
                        <td align="left">{{$data->content}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="gd_message_out">
                <ul class="gd_message">
                    <li class="gd_user">
                        <div class="user_left" style="text-align: center"><img src="/static/image/tx1.jpg" style="padding-bottom: 12px;">
                            <br>我的提问<br>
                            <br>
                            <span class="tw_time">{{$data->created_at}}</span></div>
                        <div class="rcontent user_right">
                            <p>{{$data->content}}</p>
                        </div>
                    </li>
                    @if($data->status >0)
                    <li class="gd_user" style="float: right">
                        <div class="user_left" style="float: right;text-align: center"><img src="/static/image/tx1.jpg">
                            <br>
                            <br>系统回复<br><br>
                            <span class="tw_time">{{$data->updated_at}}</span></div>
                        <div class="rcontent user_right">
                            <p style="text-align: end">{{$data->reply}}</p>
                        </div>
                    </li>
                        @endif
                </ul>
                <div class="yiwen_l">
                    <a href="gdlist" class="yw_btn yw_btn_blue" onclick="useresolve()"><i></i>已经解决，返回列表！</a>
                    <a href="gongdan"  class="yw_btn yw_btn_orange ml-30" onclick="showreplay()"><i></i>还有疑问，继续提问。</a>
                </div>

            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>

    </script>
@endsection